@charset "utf-8";
@import "reset";
@import "iconfont";
$font-size:64px;
html{
    font-size: 64px;
}
@function r($px){
    @return $px/$font-size*1rem;
}


.web{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    header{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: r(90px);
        background: #b20000;
        .header-box{
            display: flex;
            justify-content: space-between;
            height: r(90px);
            .liebiao{
                i{
                    font-size: 23px;
                    margin-left: r(23px);
                    color: #ffffff;
                }
            }
            .header-img{
                width: r(264px);
                img{
                    width: 100%;
                }
            }
            .header-bottom{
//              width: r(43px);
                margin-right: r(17px);
                i{
                    display: inline-block;
                    height: r(42px);
                    width: r(42px);
                    border: 1px solid #FFFFFF;
                    border-radius: 50%;
                    color: #FFFFFF;
                    font-size: r(26px);
                    text-align: center;
                    line-height: r(42px);
                }
            }
        }
    }
    .content{
        position: absolute;
        top: r(90px);
        width: 100%;
        overflow-x: hidden;
        overflow-y: scroll;
        bottom: r(95px);
        -webkit-overflow-scrolling: touch;
    }
    
    
    
    
    
    
    
    
    footer{
        position: absolute;
        bottom: 0;
        left: 0;
        background: #f5f5f5;
        width: 100%;
        height: r(96px);
        border-top: 1px solid #cccacb;
        .bottom{
            display: inline-block;
            font-size: 0;
//          padding-top: r(13px);
//          padding-bottom: r(11px);
            a{
                color: #8b8b8b;
            }
            li{
                display: inline-block;
                text-align: center;
                font-size:0; 
                border-right: 1px solid #ececec;
//              line-height:r(50px); 
                &:first-of-type{
                    width: r(125px);
                    img{
                        width: r(47px);
                        height: r(38px);
                    }
                }
                &:nth-of-type(2){
                    width: r(127px);
                    img{
                        width: r(48px);
                        height: r(40px);
                    }
                }
                &:nth-of-type(3){
                    width: r(126px);
                    img{
                        width: r(41px);
                        height: r(41px);
                    }
                }
                &:nth-of-type(4){
                    width: r(127px);
                    img{
                        width: r(42px);
                        height: r(46px);
                    }
                }
                &:nth-of-type(5){
                    width: r(131px);
                    border-right: 0;
                    img{
                        width: r(70px);
                        height: r(43px);
                    }
                }
                p{
                    font-size: r(18px);
                    padding-top: r(12px);
                }
            }
        }
    }
}
.footer{
    color: #b60409;
}
